<template>
    <div class="detail">
      <h3>xiangqing</h3>
      <nuxt/>
    </div>
</template>

<script>
export default {
    data() {
        return {

        };
    },
    validate({params,query}){
        return typeof params.id ==='number'
    },
    transition:'test',
    created() {

    },
    mounted() {

    },
    methods: {

    }
};
</script>

<style scoped >
/* 单独路由动画 ->组件内部transition */
 .test-enter-active, .test-leave-active{
     transition: .5s ease all;
 }
 .test-enter, .test-leave-active{
     margin-left:1000px;
 }
</style>
